@import "mixins/components-typography";

.c-text {
  color: @text-color;
  font-family: @text-font-family;
  font-weight: @text-font-weight;
  line-height: @text-line-height;
}

.c-text--mono {
  font-family: @text-font-family-mono;
}

.c-text--highlight {
  .text--highlight();
}

.c-text--quiet {
  color: @color-quiet;
}

.c-text--loud {
  font-weight: @text-font-weight-heavy;
}

.c-text--help[title] {
  border-bottom: @help-border-bottom;
  cursor: help;
}

.c-pre {
  margin: 0;
}

.c-code {
  .code();
}

.c-code--multiline {
  display: block;
  padding: @spacing-small @spacing-medium;
  border-radius: @border-radius;
  white-space: pre;
  word-wrap: normal;
  overflow-x: auto;
}

.c-kbd {
  .code(@keyboard-color, @keyboard-background-color);
  border-bottom: @keyboard-border;
  border-radius: @keyboard-border-radius;
}

.c-blockquote {
  .quotation--color();
  display: block;
  margin: @quotation-margin;
  padding: @quotation-padding;
  font-family: @quotation-font-family;
}

.c-blockquote--brand {
  .quotation--color(@quotation-brand-border-color);
}

.c-blockquote--info {
  .quotation--color(@quotation-info-border-color);
}

.c-blockquote--warning {
  .quotation--color(@quotation-warning-border-color);
}

.c-blockquote--success {
  .quotation--color(@quotation-success-border-color);
}

.c-blockquote--error {
  .quotation--color(@quotation-error-border-color);
}

.c-blockquote__body {
  .paragraph();
  font-size: @quotation-font-size;
}

.c-blockquote__footer {
  .paragraph();
  color: @quotation-footer-color;
  font-style: @quotation-footer-font-style;
}

.c-paragraph {
  .paragraph();
}
